Flutter Web 是 Flutter 的一個擴展，讓開發者可以用 Flutter 框架來創建網頁應用程序。我們可以使用相同的 Dart 語言和 Flutter 工具來構建跨平台的應用，無論是在手機、平板還是電腦。

這是我們原本的專案，可以看到是在手機上執行

而在我們執行這兩行指令後

flutter config --enable-web
flutter run -d chrome

它會讓我們的專案在web上執行

最後再執行這行指令

flutter build web

flutter build web 會在專案中生成一個 build/web 目錄，這個目錄包含了已編譯好的應用程序文件。這些文件可以直接部署到任何支持靜態網站的 Web 伺服器上，例如 GitHub Pages、Firebase Hosting 或任何其他的靜態網站。

假如我們要推上 github:

• 初始化 GitHub Repo
  在你的 Flutter 項目根目錄初始化一個新的 GitHub repository（如果尚未初始化）。

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/yourusername/your-repo-name.git
git push -u origin main

• 切換到 gh-pages 分支
  將 build/web 目錄的內容推送到 gh-pages 分支。

git checkout --orphan gh-pages
git reset --hard
git add -f build/web
git commit -m "Deploy Flutter Web app"
git filter-branch -f --prune-empty --subdirectory-filter build/web
git push -f origin gh-pages

• 訪問應用
  幾分鐘後，你應該能夠通過 https://yourusername.github.io/your-repo-name/ 訪問你的應用。
  
  上面的yourusername要改成github帳號名字，your-repo-name要改成 repository 的名稱

我們明天見~